<template>
  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="homepage"></Secondnav>
    </div>
    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist">
          <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>添加运费模版</legend>
            </fieldset>
          </div>

          <div class="layui-card-body cardbody">
            <div class="layui-form" lay-filter="">

              <div class="layui-form-item">
                <label class="layui-form-label">模版名称:</label>
                <div class="layui-input-block" style="width:280px;">
                  <input type="text" name="title" autocomplete="off" placeholder="请输入您的模版" class="layui-input">
                </div>
              </div>

              <div class="layui-form-item ">
                <label class="layui-form-label">计价方式:</label>
                <div class="layui-input-block">
                  <input type="radio" name="mode" value="按重量" title="按重量" checked="">
                  <input type="radio" name="mode" value="按件数" title="按件数">
                </div>
              </div>

              <div class="layui-form-item" pane="">
                <label class="layui-form-label">设置默认</label>
                <div class="layui-input-block">
                  <input type="checkbox" name="like1[jinhuo]" lay-skin="primary" title="默认进货运费">
                  <input type="checkbox" name="like1[tihuo]" lay-skin="primary" title="默认提货运费">
                  <input type="checkbox" name="like1[lingshou]" lay-skin="primary" title="默认零售运费">
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label">快递:</label>
                <table class="layui-table" style="margin-left: 120px; width:800px">
                  <thead>
                    <tr>
                      <th lay-data="{field:'ps'}">配送范围</th>
                      <th lay-data="{field:'zhong'}">首重(克)</th>
                      <th lay-data="{field:'fei'}">首费(元)</th>
                      <th lay-data="{field:'xuz'}">续重(克)</th>
                      <th lay-data="{field:'xuf'}">续费(元)</th>
                      <th lay-data="{field:'xuf'}" style="text-align:center;">操作</th>

                      <!-- <th lay-data="{field:'username', width:80, templet: '#usernameTpl'}">用户名</th>
                      <th lay-data="{field:'sex', width:80, sort: true, templet: '#sexTpl'}">性别</th>
                      <th lay-data="{field:'city', width:80}">城市</th>
                      <th lay-data="{field:'sign'}">签名</th>
                      <th lay-data="{field:'experience', width:80, sort: true, style:'background-color: #eee;'}">积分</th>
                      <th lay-data="{field:'score', width:80, sort: true}">评分</th>
                      <th lay-data="{field:'wealth', width:135, sort: true}">财富</th> -->
                    </tr>
                    <tr style="height: 80px;">
                      <th lay-data="{field:'ps'}">全国默认运费(不包括)</th>
                      <th lay-data="{field:'ps'}"><input type="text" style="width:80px; height:30px;"></th>
                      <th lay-data="{field:'ps'}"><input type="text" style="width:80px;height:30px;"></th>
                      <th lay-data="{field:'ps'}"><input type="text" style="width:80px;height:30px;"></th>
                      <th lay-data="{field:'ps'}"><input type="text" style="width:80px;height:30px;"></th>
                      <th><button type="button" class="layui-btn  layui-btn-normal">选择不配送地区</button></th>
                    </tr>
                    <tr>
                      <td>
                        <button type="button" class="layui-btn  layui-btn-normal"
                          style="text-align:center;">添加指定地区收费</button>
                      </td>
                    </tr>
                  </thead>
                </table>
              </div>

              <div class="layui-form-item">
                <div class="layui-input-block">
                  <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo">保存</button>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Pagetop from "../common/pagetop.vue";
import Secondnav from "../common/secondnav.vue";
export default {
  name: "yfsetadd",
  components: { Pagetop, Secondnav },
  data () {
    return {

    };
  },
  mounted () {
  },
  methods: {
    updated: function () {
      layui.use(["form", "table"], function () {
        var form = layui.form;
        var table = layui.table;
        form.render();
      })
    }
  },
};
</script>
<style scoped>
/* .layui-form-label {
  width: 120px;
} */
/* .layui-input-block {
  margin-left: 150px;
  width: 220px;
} */
/*二级导航*/
</style>